//取色器


//导入主题色变量
import {MAIN_COLOR,DEFAULT_COLOR} from '@/constant'
import { getItem, setItem } from '@/utils/storage'
//导入css样式
import variables from '@/styles/variables.module.scss'

export default {
  namespaced: true,
  //vuex仓库
  state: () => ({
    //选中的色织 通过getItem读取本地存储获取 如果没有MAIN_COLOR那么就是用默认的DEFAULT_COLOR
    mainColor:getItem(MAIN_COLOR) || DEFAULT_COLOR,
    variables:variables
  }),
  //修改数据的方法
  mutations: {
    setMainCOlor(state,newColor){
      //设置state仓库的中mainColor为我们取色器传递过来的color值
      state.mainColor = newColor
      //当我们主题色颜色发生变化的时候让variables中的menuBg等于我们传递过来的颜色
      state.variables.menuBg =newColor
      //在通过setItme方法设置到本地存储中去
      setItem(MAIN_COLOR,newColor)
    }
  },
  actions: {
  }
}
